<template>
<div  class="content content_big">
  <div  class="query-standard">
    <div  class="map-template">
      <map_xzqh></map_xzqh>
      <div class="slider-wrapper">
        <div class="m-s-sideber__button" @click="showslider"></div>
        <div class="map-template-slider" style="display:block">
          <div  class="standard-slider">
            <a-tabs defaultActiveKey="1"  :animated="false" type="card" class="standart-tabs">
              <a-tab-pane tab="行政区划" key="1">
                <div  class="standard-select standard-slider__select">
                  <xzqh_s :needyear="true"></xzqh_s>
                  <a-checkbox @change="onChange_checkbox" style="margin-left: 40px;">显示相邻区划</a-checkbox>
                  <a-tooltip placement="bottom" style="margin-left: 5px;">
                    <template slot="title"><span>显示相邻同级别行政区划和外省数据</span></template>
                    <a-icon type="question-circle" />
                  </a-tooltip>
                  <infoAchats></infoAchats>
                </div>
              </a-tab-pane>
            </a-tabs>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</template>
<script>
  export default {
    components: {
      map_xzqh: () => import("@/components/map/map_xzqh.vue"),
      xzqh_s: () => import("@/components/map/xzqh_select.vue"),
      infoAchats: () => import("@/components/map/infoAchats.vue"),
    },
    data() {
      return {
        wrapper: '',
        checked:false
      }
    },
    mounted() {

    },
    methods: {
      onChange_checkbox(){
        this.checked=!this.checked;
        this.$Bus.$emit('checkbox_Change',this.checked);
      },
      showwrapper(){
        this.wrapper="expand"
      },
      hidewrapper(){
        this.wrapper=""
      },
      showslider(){
        let ss=this.$jq(".map-template-slider")
        if(ss.css("display")=="none"){
          ss.show("normal",()=>{
            this.$Bus.$emit('container_size_change');
          });
        }else{
          ss.hide("normal",()=>{
            this.$Bus.$emit('container_size_change');
          });
        }
      },
    },
  }
</script>
